diff options
Diffstat (limited to 'src/routes/grocery/[id]/+page.svelte')
| -rw-r--r-- | src/routes/grocery/[id]/+page.svelte | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte index 027c079..1a9aac8 100644 --- a/src/routes/grocery/[id]/+page.svelte +++ b/src/routes/grocery/[id]/+page.svelte @@ -156,6 +156,9 @@ {#each data?.references ?? [] as ref (ref.id)} <Row variant="ref"> <div class="ref-info"> + {#if ref.isPrimary} + <span class="primary-badge" title="Référence principale">★</span> + {/if} <strong>{ref.reference}</strong> {#if ref.price} <span class="ref-detail" @@ -166,6 +169,16 @@ <span class="ref-detail">Note : {ref.qualityScore}/100</span> {/if} </div> + {#if !ref.isPrimary} + <button + type="submit" + class="promote-btn" + name="id" + value={ref.id} + formaction="?/promote" + aria-label="Définir comme référence principale">☆</button + > + {/if} <Button variant="ghost" name="id" value={ref.id} ariaLabel="Supprimer" >×</Button > @@ -226,6 +239,30 @@ font-weight: 500; } + .primary-badge { + color: var(--accent); + font-size: 0.875rem; + } + + .promote-btn { + flex-shrink: 0; + width: 2rem; + aspect-ratio: 1; + padding: 0; + background: transparent; + border: none; + color: var(--text-secondary); + font-size: 1.25rem; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + } + + .promote-btn:hover { + color: var(--accent); + } + .error { margin-top: -0.25rem; margin-bottom: 0.5rem; |